自學之前的掙扎

想學網頁前端，卻像在大海中迷航，不知道從何下手嗎？這30篇文章為我的學習做筆記，也分享給自詡為門外漢的你。從準備自學，到開始自學，最後可以執行基礎的切版。

要說我有多門外漢？我到大學畢業一年後才擁有自己的第一台桌機，工作5年後才買第一台筆電。電腦技能五隻指頭數得出來，甚至還曾經自詡為3c終結者的我，居然要自學網頁前端！

興趣的萌芽，是來自幫朋友用wix平台做網站，開始好奇怎麼從零做出一個網站。當時興沖沖到圖書館借的第一本書是講dreamweaver，嗯，完全看不懂！

為此，報名了大學推廣部的網頁設計課程。當時已經是2017年，課程卻很老派，以after effect、dreamweaver、photoshop、illistrator為主軸之外，再多搭個flash課程，就沒了。重點是課程沒有形塑觀念，只是每個軟體淺淺摸一下就結業，我連切版都不會。

兩年後，搬回家鄉，才開始摸索自己到底該學什麼。

自學的準備

搬回家鄉後，也還沒開始自學，而是花了將近一個月的時間，上網搜尋關於web領域的各種名詞解釋，了解什麼是網頁前端技術，當時參考的平台有：

1. ptt(soft_job版) 爬無數的文章看前人經驗
2. front-end developers Taiwan 了解別人都在學什麼
3. 去 資策會看他們的課程內容，然後把看不懂的課程名稱google過一輪

一開始一定看不懂他們在說什麼，一堆專有名詞搞得頭很暈，問超外行的問題被恥笑、勸退，如果到這樣你還是很想學，那麼恭喜你，你已經在路上了。帶著這份學習的衝動，遇到不懂的專有名詞就去google，然後整理出該學的技術清單(最基礎的前端技術就是HTML、CSS、javascript)、收集各種學習資源，然後就開始學習吧！

開始自學

當時我選擇的自學資源是：

1. udemy課程 作為主要的課程學習
2. w3school HTML跟CSS有不懂的就來這裏查
3. google大神 有不懂的名詞就查，如果有維基跟部落格文章，我會選擇看維基百科
4. cs50 給自己的挑戰，哈佛的計概通識課程
5. 鋰學院的cs50中文導讀

不過，在我自學將近一個多月便遇到瓶頸，因為問題意識沒有建構完全，搜尋關鍵字不太會下，加上學習資源的使用還是不順手，而且我一邊學前端基礎，又一邊太貪心想吸收cs50難度很高的計概知識，不斷被問題卡住，總是在找不到答案的情況下，帶著很大的不確定感前進。

也因此，興起去上課的念頭。因為曾經走過冤枉路，所以很謹慎地做功課，而考慮 資策會跟 楊梅職訓中心開辦的前端課程。

卻在同一個時間，注意到 好想工作室的招生訊息，投了申請，輾轉波折，確定可以進到工作室學習，就帶著滿滿的期待進到camp裡跟其他學員一起自學。目前進好想工作室training將近一個月，我在好想的進步有：

1. 培養獨力解決問題的能力
2. 工作室的camp有不同it領域的學員，在互享的過程中，可以增廣視野
3. 有學員跟mentor可以討論技術，摸索的過程不孤單。參考別人怎麼學習，可以反省自己的方法
4. 不斷接受刺激，保持好奇心，維持學習的熱度
5. 執行training任務，遇到問題->解決->進步
6. 認知哪些知識應該先學，哪些應該放到未來再去摸索

*詳細的training心得與收穫，會在之後分享，並整理出進到好想之後使用的自學資源，還有學習的方法。

勇敢發問很重要

會發現好想工作室的training機會，是因為我會在挫折的時候，上臉書社團發問，而有人私訊了這個機會給我。就算知道問外行問題會被笑，也不要因此就默不做聲讓問題停在那裡。

因為在過程中，一定會有人建議你可以怎麼改變自己的學習方法，或是提供不同的想像給你，抓住它，然後繼續努力，有一天你再回頭看，會知道自己進步了，加油！